<template>
	<div class="container">
		<el-form :model="aboutInfo" ref="ruleForm">
			<el-tabs v-model="tab1">
				<el-tab-pane label="隐私政策" name="yszc">
					<vk-data-input-editor v-model="aboutInfo.yszc.content" width="750px"></vk-data-input-editor>
					<el-form-item label="隐私政策状态">
						<el-switch v-model="aboutInfo.yszc.status" active-value="1" inactive-value="0"></el-switch>
					</el-form-item>
				</el-tab-pane>
				<el-tab-pane label="用户协议" name="yhxy">
					<vk-data-input-editor v-model="aboutInfo.yhxy.content" width="750px"></vk-data-input-editor>
					<el-form-item label="用户协议状态">
						<el-switch v-model="aboutInfo.yhxy.status" active-value="1" inactive-value="0"></el-switch>
					</el-form-item>
				</el-tab-pane>
				<el-tab-pane label="公告" name="gg">
					<vk-data-input-editor v-model="aboutInfo.gg.content" width="750px"></vk-data-input-editor>
					<el-form-item label="公告状态">
						<el-switch v-model="aboutInfo.gg.status" active-value="1" inactive-value="0"></el-switch>
					</el-form-item>
				</el-tab-pane>
			</el-tabs>

		</el-form>

	</div>
</template>

<script>
	const __name = 'ny-app-about';
	export default {
		props: {
			aboutInfo: {
				type: Object,
				required: true
			}
		},
		data() {
			return {
				tab1: 'yszc',
			};
		},
		methods: {},
		mounted() {

		}
	};
</script>

<style>
</style>